<template>
	<view>
		<view v-if="identity == '2'">
			<!-- #ifdef APP -->
			<view class="otherAccount_box" @click="goAccountall">
				<view class="lf lf-center" v-for="(item, index) in myStudio.otherAccount" :key="index" v-if="myStudio.otherAccount && myStudio.otherAccount.length > 0">
					<image class="otherAccount_img" :src="item.avatar"></image>
					<view class="otherAccount_name">{{ item.nickName }}</view>
					<view class="xjs-size-24 account_num">
						<text v-if="item.pendingOrderCount">待接单+{{ item.pendingOrderCount }}；</text>
						<text v-if="item.pendingApplyStudioCount">待修改的陪宠师申请+{{ item.pendingApplyStudioCount }}；</text>
						<text v-if="item.waitOrderCount">待服务+{{ item.waitOrderCount }}；</text>
						<text v-if="item.notReadMessageCount">未读消息+{{ item.notReadMessageCount }}</text>
					</view>
				</view>
				<view></view>
				<view class="all_text xjs-size-24">
					切换账号
					<uni-icons type="right" color="#7C807F" size="12"></uni-icons>
				</view>
			</view>
			<!-- #endif -->
			<view v-if="myStudio.applyStudioRecord" class="all_identity_box">
				<!-- #ifdef APP -->
				<view class="all_text switch_account xjs-size-32 xjs-pb-32" @click="goAccountall" v-if="myStudio.otherAccount && myStudio.otherAccount.length == 0">
					切换帐号
					<uni-icons type="right" color="#7C807F" size="16"></uni-icons>
				</view>
				<!-- #endif -->
				<view class="empty_box" v-if="myStudio.applyStudioRecord.status == 0 || myStudio.applyStudioRecord.status == 1">
					<image class="empty_img" src="https://xjs-oss-prod.oss-cn-shenzhen.aliyuncs.com/xjs-static/icon-54.png"></image>
					<view class="empty_text" v-if="myStudio.applyStudioRecord.status == 0">陪宠师申请进入初审环节，请耐心等候</view>
					<view class="empty_text" v-if="myStudio.applyStudioRecord.status == 1">陪宠师申请通过初审，需要上传打款截图，请尽快上传</view>
					<view v-if="myStudio.applyStudioRecord.status == 1" @tap="uploadPayment" class="xjs-btn-primary goModify">去上传</view>
					<view class="xjs-btn-primary goModify" v-if="myStudio.applyStudioRecord.status === 0" @tap="goDateils">查看申请</view>
				</view>
				<view class="reviewFailed" v-if="myStudio.applyStudioRecord.status == 5">
					<image src="https://xjs-oss-prod.oss-cn-shenzhen.aliyuncs.com/xjs-static/icon-11.png"></image>
					<view class="failed_text">陪宠师申请进入终审环节，请耐心等候。</view>
					<view class="xjs-btn-primary goModify" @tap="goDateils">查看申请</view>
				</view>
				<view class="reviewFailed" v-if="myStudio.applyStudioRecord.status == 2">
					<image src="https://xjs-oss-prod.oss-cn-shenzhen.aliyuncs.com/xjs-static/icon-11.png"></image>
					<view class="failed_text">抱歉，您的陪宠师申请未能通过审核。</view>
					<view class="copywriting">具体原因查看下方，若想开通请修改资料后重新提交</view>
					<view class="failed_details">{{ myStudio.applyStudioRecord.reason }}</view>
					<view class="xjs-btn-primary goModify" @tap="againBtn">去修改</view>
				</view>
				<view class="reviewFailed" v-if="myStudio.applyStudioRecord.status == 4">
					<image src="https://xjs-oss-prod.oss-cn-shenzhen.aliyuncs.com/xjs-static/icon-11.png"></image>
					<view class="failed_text">抱歉，您的陪宠师申请未能通过审核。</view>
					<view class="copywriting">具体原因查看下方，若想开通请修改资料后重新提交</view>
					<!-- <view class="failed_text">您还需修改以下信息。</view> -->
					<view class="failed_label_box">
						<view class="failed_one_label xjs-pl-24 failed_one_label_bottom">
							<view class="failed_one_label_left">类型</view>
							<view class="failed_one_label_center xjs-ml-24">意见</view>
							<view class="go_modify_text"><text>操作</text></view>
						</view>
						<view class="failed_one_label xjs-pl-24 failed_one_label_bottom" v-if="myStudio.applyStudioRecord.applicationInfoReasonFlag">
							<view class="failed_one_label_left">申请信息</view>
							<view class="failed_one_label_center xjs-ml-24">{{ myStudio.applyStudioProgress.applicationInfoReason }}</view>
							<view @tap="againBtn" class="go_modify">
								<text>去修改</text>
								<uni-icons type="right" color="#FF6084" size="12"></uni-icons>
							</view>
						</view>
						<view class="failed_one_label xjs-pl-24" v-if="myStudio.applyStudioRecord.payInfoReasonFlag">
							<view class="failed_one_label_left">打款信息</view>
							<view class="failed_one_label_center xjs-ml-24">{{ myStudio.applyStudioProgress.payInfoReason }}</view>
							<view @tap="uploadPayment" class="go_modify">
								<text>去修改</text>
								<uni-icons type="right" color="#FF6084" size="12"></uni-icons>
							</view>
						</view>
					</view>
				</view>
			</view>
			<view v-else>
				<view class="banner_box">
					<view class="failed_text">您还不是陪宠师，无法提供服务请先申请陪宠师哦</view>
					<image @click="applyFor" :src="myStudio.banner"></image>
					<view class="logOut" @click="logOut()">退出登录</view>
				</view>
			</view>
		</view>
		<view v-else>
			<!-- #ifdef APP -->
			<view class="otherAccount_box" @click="goAccountall">
				<view class="lf lf-center" v-for="(item, index) in myStudio.otherAccount" :key="index" v-if="myStudio.otherAccount && myStudio.otherAccount.length > 0">
					<image class="otherAccount_img" :src="item.avatar"></image>
					<view class="otherAccount_name">{{ item.nickName }}</view>
					<view class="xjs-size-24 account_num">
						<text v-if="item.pendingOrderCount">待接单+{{ item.pendingOrderCount }}；</text>
						<text v-if="item.pendingApplyStudioCount">待修改的陪宠师申请+{{ item.pendingApplyStudioCount }}；</text>
						<text v-if="item.waitOrderCount">待服务+{{ item.waitOrderCount }}；</text>
						<text v-if="item.notReadMessageCount">未读消息+{{ item.notReadMessageCount }}</text>
					</view>
				</view>
				<view></view>
				<view class="all_text xjs-size-24">
					切换账号
					<uni-icons type="right" color="#7C807F" size="12"></uni-icons>
				</view>
			</view>
			<!-- #endif -->
			<view class="container">
				<view class="userInfo" v-if="myStudio.myInfo">
					<image class="avatar_img" :src="myStudio.myInfo.avatar"></image>
					<view class="user_more">
						<view>
							<view class="lf lf-between lf-center">
								<view class="lf lf-center">
									<view class="name_box linehei1">{{ myStudio.myInfo.nickName }}</view>
									<view class="identity_text" v-if="identity == '1'">店长</view>
									<view class="Pet_text" v-if="identity == '0'">陪宠师</view>
								</view>
								<view class="eidt_box" @tap="setUp">
									<text>编辑</text>
									<uni-icons type="right" size="13" color="#fff"></uni-icons>
								</view>
							</view>
							<view class="lf lf-center xjs-mt-20">
								<view class="id_text">ID</view>
								<view class="id_num">{{ myStudio.myInfo.id }}</view>
								<view @click="onCopy(String(myStudio.myInfo.id))" class="copy_btn">复制</view>
							</view>
						</view>
					</view>
				</view>
				<view class="studio_code">
					<view class="lf">
						<image class="studio_icon" src="https://xjs-oss-prod.oss-cn-shenzhen.aliyuncs.com/xjs-static/icon-163.png"></image>
						<view class="studio_name">{{ myStudio.studio.name }}</view>
					</view>
					<view class="xjs-size-26 xjs-mr-24">
						<text class="studio_text" v-if="identity != '1'" @click="goCode(3)">分享主页</text>
						<text class="studio_text" v-if="identity == '1'" @click="setStudio">编辑店铺</text>
						<text class="xjs-ml-16 xjs-mr-16">|</text>
						<text class="studio_text" @click="goCode(1)">分享店铺</text>
					</view>
				</view>
				<view class="studio_revenue" v-if="identity == '1'">
					<view class="revenue_text">工作室收益</view>
					<view class="lf lf-between xjs-ml-32 xjs-mr-32 xjs-mt-48">
						<view class="lf studio_revenue_left">
							<view @click="incomeStatement">
								<view class="xjs-size-32 xjs-weight-bold">{{ studioBalance.pendingSettlement }}</view>
								<view class="studio_revenue_text">
									<text>待结算(元)</text>
									<uni-icons type="right" size="12" color="#5C5E5E"></uni-icons>
								</view>
							</view>
							<view class="width_left_box" @click="gostudioBalance('0')">
								<view class="xjs-size-32 xjs-weight-bold">{{ studioBalance.balance ? studioBalance.balance : "0.00" }}</view>
								<view class="studio_revenue_text">
									<text>可提现(元)</text>
									<uni-icons type="right" size="12" color="#5C5E5E"></uni-icons>
								</view>
							</view>
						</view>
						<view class="studio_revenue_right" @click="goTeamWithdrawalRecord">
							<view class="xjs-size-32 xjs-weight-bold">{{ studioBalance.withdrawAmount ? studioBalance.withdrawAmount : "0.00" }}</view>
							<view class="studio_revenue_text">
								<text>成员提现中(元)</text>
								<uni-icons type="right" size="12" color="#5C5E5E"></uni-icons>
							</view>
						</view>
					</view>
					<view class="studio_revenue_bottom" @click="gostudioOrder()">
						<view class="lf lf-between lf-center xjs-ml-24">
							<view class="withdrawa_text">工作室收益订单</view>
							<view class="xjs-mr-24">
								<text class="goHandle">去查看</text>
								<uni-icons type="right" color="#FF6084" size="13"></uni-icons>
							</view>
						</view>
					</view>
				</view>
				<view class="studio_revenue">
					<view class="revenue_text">个人收益</view>
					<view class="lf lf-between xjs-ml-32 xjs-mr-32 xjs-mt-48">
						<view class="lf studio_revenue_two">
							<view @click="personalIncomeStatement">
								<view class="xjs-size-32 xjs-weight-bold">{{ userBalance.pendingSettlement }}</view>
								<view class="studio_revenue_text">
									<text>待结算(元)</text>
									<uni-icons type="right" size="12" color="#5C5E5E"></uni-icons>
								</view>
							</view>
							<view class="width_left_box" @click="gopersonalBalance">
								<view class="xjs-size-32 xjs-weight-bold">{{ userBalance.balance }}</view>
								<view class="studio_revenue_text">
									<text>可提现(元)</text>
									<uni-icons type="right" size="12" color="#5C5E5E"></uni-icons>
								</view>
							</view>
						</view>
					</view>
					<view class="studio_revenue_bottom" @click="goUserOrder()">
						<view class="lf lf-between lf-center xjs-ml-24">
							<view class="withdrawa_text">个人收益订单</view>
							<view class="xjs-mr-24">
								<text class="goHandle">去查看</text>
								<uni-icons type="right" color="#FF6084" size="13"></uni-icons>
							</view>
						</view>
					</view>
				</view>
				<view class="order_box">
					<view class="lf lf-between lf-center">
						<view class="order_text">服务订单</view>
						<view class="all_text xjs-size-24" @click="goOrderall">
							查看全部
							<uni-icons type="right" color="#7C807F" size="12"></uni-icons>
						</view>
					</view>

					<view class="order_list">
						<template v-for="item in orderData.orderList" :key="item.uid">
							<view class="label_box" @click="goOrderUrl(item)" v-if="['1', '2'].includes(item.uid) ? identity == '1' : true">
								<image class="label_img" :src="item.icon"></image>
								<view class="label_name linehei1">{{ item.text }}</view>
							</view>
						</template>
					</view>
				</view>
				<view class="more_box">
					<view class="more_text">团队管理</view>
					<view class="more_list">
						<template v-for="item in moreData.teamList" :key="item.uid">
							<view class="label_box" @click="goUrl(item)" v-if="['1', '4'].includes(item.uid) ? identity == '1' : true">
								<image class="label_img1" :src="item.icon"></image>
								<view class="label_name linehei1">{{ item.text }}</view>
							</view>
						</template>
					</view>
				</view>
				<view class="more_box">
					<view class="more_text">其它工具</view>
					<view class="more_list">
						<template v-for="item in moreData.moreList" :key="item.uid">
							<view class="label_box" @click="goUrl(item)" v-if="['1', '4'].includes(item.uid) ? identity == '1' : true">
								<image class="label_img1" :src="item.icon"></image>
								<view class="label_name linehei1">{{ item.text }}</view>
							</view>
						</template>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script setup lang="ts">
import { logOut } from "@/hooks/useLogin";
import { dealHtml } from "@/hooks/useFunction";
import { reactive, onMounted, ref, defineEmits, computed } from "vue";
import { useConfigStoreToRefs } from "@/store/useConfigStore";
import api from "@/api";
const { bankSwitch } = useConfigStoreToRefs();
const emit = defineEmits(["refresh"]);
let myStudio = reactive<any>({
	studio: {},
	toDo: {},
	myInfo: {},
	exam: {},
	applyStudioRecord: {},
	applyStudioProgress: {},
	dailyServiceUrl: "",
	otherAccount: [],
	banner: ""
});
let studioId = ref("");
let identity = ref("");
let studioBalance = ref({});
let userBalance = ref({});
const orderData = reactive<any>({
	orderList: [
		{
			id: 8, //tab栏第几个
			orderType: -1, //跳转服务订单列表状态
			status: 0, //跳转服务订单列表状态
			uid: "1", //唯一标识
			icon: "https://xjs-oss-prod.oss-cn-shenzhen.aliyuncs.com/xjs-static/icon-17.png",
			text: "待付款"
		},
		{
			id: 1, //tab栏第几个
			type: 8, //跳转接单大厅状态
			uid: "2",
			icon: "https://xjs-oss-prod.oss-cn-shenzhen.aliyuncs.com/xjs-static/icon-99.png",
			text: "待派单"
		},
		{
			id: 1,
			type: 1,
			uid: "3",
			icon: "https://xjs-oss-prod.oss-cn-shenzhen.aliyuncs.com/xjs-static/icon-18.png",
			text: "待接单"
		},
		{
			id: 8,
			orderType: 0,
			status: identity.value == "1" ? -1 : 1,
			uid: "4",
			icon: "https://xjs-oss-prod.oss-cn-shenzhen.aliyuncs.com/xjs-static/icon-16.png",
			text: "待服务"
		},
		{
			id: 8,
			orderType: 0,
			status: identity.value == "1" ? -1 : 2,
			uid: "5",
			icon: "https://xjs-oss-prod.oss-cn-shenzhen.aliyuncs.com/xjs-static/icon-21.png",
			text: "服务中"
		}
	]
});
const moreData = computed(() => {
	return {
		moreList: [
			{
				uid: "2",
				url: "/pages/studio/dailyService/index?studioGoodsId=" + studioId.value + "&userId=" + (identity.value ? "" : +myStudio.myInfo.userId),
				icon: "https://xjs-oss-prod.oss-cn-shenzhen.aliyuncs.com/xjs-static/icon-120.png",
				text: "服务日常"
			},
			{
				uid: "3",
				url: "/pages/studio/serviceEvaluation/index",
				icon: "https://xjs-oss-prod.oss-cn-shenzhen.aliyuncs.com/xjs-static/icon-121.png",
				text: "评价管理"
			},
			{
				uid: "4",
				url: "/pages/studioManage/studio/index",
				icon: "https://xjs-oss-prod.oss-cn-shenzhen.aliyuncs.com/xjs-static/icon-124.png",
				text: "工作室管理"
			},
			{
				uid: "7",
				url: "/pages/setting/index/index",
				icon: "https://xjs-oss-prod.oss-cn-shenzhen.aliyuncs.com/xjs-static/icon-125.png",
				text: "账号设置"
			}
		],
		teamList: [
			{
				uid: "6",
				url: "/pages/share/workCode/index?type=2",
				icon: "https://xjs-oss-prod.oss-cn-shenzhen.aliyuncs.com/xjs-static/icon-164.png",
				text: "招募陪宠师"
			},
			{
				uid: "5",
				url: "",
				icon: "https://xjs-oss-prod.oss-cn-shenzhen.aliyuncs.com/xjs-static/icon-123.png",
				text: "陪宠师申请"
			},
			{
				uid: "1",
				url: "/pages/myStudio/studio/applyFor/index?type=2",
				icon: "https://xjs-oss-prod.oss-cn-shenzhen.aliyuncs.com/xjs-static/icon-152.png",
				text: "陪宠师考试"
			},
			{
				uid: "8",
				url: "/pages/myStudio/studio/teamManagement/index",
				icon: "https://xjs-oss-prod.oss-cn-shenzhen.aliyuncs.com/xjs-static/icon-122.png",
				text: "团队伙伴"
			}
		]
	};
});
const getMyStudio = async () => {
	const res: any = await api({
		method: "get",
		url: `/mall/studio/myStudio`
	});
	studioId.value = res.data?.studio?.id;
	identity.value = res.data.identity;
	myStudio.studio = res.data.studio;
	myStudio.applyStudioRecord = res.data.applyStudioRecord;
	myStudio.applyStudioProgress = res.data.applyStudioProgress;
	myStudio.exam = res.data.exam;
	uni.stopPullDownRefresh();
};
const getStudioBalance = async () => {
	const res: any = await api({
		method: "get",
		url: `/mall/studio/balance/getStudioBalance/${studioId.value}`
	});
	studioBalance.value = res.data;
};
const getUserBalance = async () => {
	const res: any = await api({
		method: "get",
		url: `/mall/studio/balance/getUserBalance/${studioId.value}/${myStudio.myInfo.userId}`
	});
	userBalance.value = res.data;
};
const goDateils = () => {
	uni.navigateTo({
		url: "/pages/myStudio/studio/applyForDetails/index?id=" + myStudio.applyStudioRecord.id
	});
};
const uploadPayment = () => {
	uni.navigateTo({
		url: "/pages/myStudio/studio/offlinePayment/index?id=" + myStudio.applyStudioRecord.id
	});
};
const againBtn = () => {
	uni.navigateTo({
		url: `/pages/applyPetTeacher/submitInfo/submitInfo?recordId=${myStudio.applyStudioRecord.id}`
	});
};
const applyFor = () => {
	uni.navigateTo({
		url: `/pages/applyPetTeacher/submitInfo/submitInfo`
	});
};
const onCopy = (id: any) => {
	uni.setClipboardData({
		data: id
	});
};
const getOtherAccountTodo = async () => {
	uni.getSystemInfo({
		success: async (e) => {
			let deviceId = "";
			// #ifdef APP
			deviceId = e.deviceId;
			// #endif
			const res: any = await api({
				method: "get",
				url: `/mall/user/getOtherAccountTodo?deviceId=${deviceId}`
			});
			if (res.data && res.data.length > 0) {
				myStudio.otherAccount = [res.data[0]];
			} else {
				myStudio.otherAccount = res.data;
			}
		}
	});
};
const getMyInfo = async () => {
	const res: any = await api({
		method: "get",
		url: `/mall/studio/petsitter-team/getMyInfo`
	});
	myStudio.myInfo = res.data;
};
const getToDo = async () => {
	const res: any = await api({
		method: "get",
		url: `/mall/studio/to-do`
	});
	myStudio.toDo = res.data;
};
const getBanner = async () => {
	const res: any = await api({
		method: "get",
		url: `/mall/content/backend-configs/getHomeConfig`
	});
	myStudio.banner = dealHtml(res.data["xjs.content.contentConfig.recruitShareBanner"]);
};
const goOrderall = () => {
	if (identity.value == "1") {
		uni.navigateTo({
			url: "/pages/studioOrders/orderList/index?orderType=-1&status=-1"
		});
	} else {
		uni.navigateTo({
			url: "/pages/studioOrders/orderList/index?orderType=0&status=-1"
		});
	}
};
const goAccountall = (item) => {
	uni.navigateTo({
		url: `/pages/setting/changeAccountNumber/index`
	});
};
const goOrderUrl = (item) => {
	console.log(item, "goOrderUrl");
	if (item.id == 8) {
		uni.navigateTo({
			url: `/pages/studioOrders/orderList/index?orderType=${item.orderType}&status=${item.status}`
		});
	} else {
		emit("refresh", item);
	}
};
const goUrl = (item) => {
	// if(item.uid=='1'&&identity.value=='0'){
	// 	item.url = '/pages/businessSchool/examDetails/index?id='+myStudio.exam.courseId
	// }
	// if(item.uid=='1'&&identity.value=='1'){
	// 	item.url = '/pages/myStudio/studio/applyFor/index?type=2'
	// }
	if (item.uid == "5" && identity.value == "0") {
		if (myStudio.applyStudioRecord) {
			item.url = "/pages/myStudio/studio/applyForDetails/index?id=" + myStudio.applyStudioRecord.id;
		} else {
			item.url = "/pages/myStudio/studio/applyFor/index?type=1";
		}
	}
	if (item.uid == "5" && identity.value == "1") {
		item.url = "/pages/myStudio/studio/applyFor/index?type=1";
	}
	uni.navigateTo({
		url: item.url
	});
};
const toService = (id, type) => {
	let item = { id: id, type: type };
	emit("refresh", item);
};
const toOrder = () => {
	uni.navigateTo({
		url: "/pages/studioOrders/orderList/index?orderType=0&status=1"
	});
};
const goCode = (type) => {
	uni.navigateTo({
		url: "/pages/share/workCode/index?type=" + type
	});
};
const setUp = () => {
	uni.navigateTo({
		url: "/pages/setting/setUp/index"
	});
};
const setStudio = () => {
	uni.navigateTo({
		url: "/pages/studioManage/studio/index"
	});
};
const goServiceDetails = () => {
	uni.navigateTo({
		url: "/pages/myStudio/studio/serviceDetails/index"
	});
};
const gostudioBalance = (type) => {
	uni.navigateTo({
		url: `/pages/income/studioBalance/index?type=${type}&studioId=${studioId.value}`
	});
};
const goTeamWithdrawalRecord = () => {
	uni.navigateTo({
		url: `/pages/income/withdrawalRecord/index?type=1&status=2&studioId=${studioId.value}`
	});
}
const gostudioOrder = () => {
	uni.navigateTo({
		url: `/pages/income/revenueOrders/index?studioId=${studioId.value}`
	});
};
const goUserOrder = () => {
	uni.navigateTo({
		url: `/pages/income/personRevenueOrders/index?userId=${myStudio.myInfo.userId}&studioId=${studioId.value}`
	});
};
const incomeStatement = () => {
	uni.navigateTo({
		url: `/pages/income/incomeStatement/index?studioId=${studioId.value}`
	});
};
const personalIncomeStatement = () => {
	uni.navigateTo({
		url: `/pages/income/personalIncomeStatement/index?studioId=${studioId.value}&userId=${myStudio.myInfo.userId}`
	});
};
const gopersonalBalance = () => {
	uni.navigateTo({
		url: "/pages/income/personalBalance/index?userId=" + myStudio.myInfo.userId
	});
};
const onDataInit = async () => {
	await getToDo();
	await getMyInfo();
	await getBanner();
	await getMyStudio();
	await getOtherAccountTodo();
	await getUserBalance();
	await getStudioBalance();
};
onMounted(async () => {
	await getToDo();
	await getMyInfo();
	await getBanner();
	await getMyStudio();
	await getOtherAccountTodo();
	await getUserBalance();
	await getStudioBalance();
});
defineExpose({ onDataInit });
</script>

<style lang="scss" scoped>
.lf {
	display: flex;
}
.linehei1 {
	line-height: 1;
}
.lf-between {
	justify-content: space-between;
}
.lf-center {
	align-items: center;
}
.all_identity_box {
	position: relative;
}
.logOut {
	background: #fff;
	border-radius: 62rpx;
	text-align: center;
	line-height: 88rpx;
	font-size: 28rpx;
	color: #1b2120;
	letter-spacing: 2rpx;
	font-weight: bold;
	margin: 48rpx 32rpx;
}
.account_num {
	width: 360rpx;
	overflow: hidden;
	word-break: break-all;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1; /* 根据高度设置行数 */
	-webkit-box-orient: vertical;
	color: #7c807f;
	margin-top: 2rpx;
}
.switch_account {
	position: absolute;
	top: 32rpx;
	right: 32rpx;
	z-index: 1;
}
.goModify {
	width: 408rpx;
	margin: 32rpx auto;
}
.go_modify {
	width: 165rpx;
	color: #ff6084;
	border-left: 1px solid #e4e6e6;
	padding: 32rpx 0;
	font-size: 26rpx;
	text-align: center;
	text {
		text-decoration: underline;
	}
}
.banner_box {
	margin: 32rpx;
	.failed_text {
		font-size: 36rpx;
		font-weight: bold;
		margin: 48rpx 0;
		text-align: center;
	}
	image {
		width: 686rpx;
		height: 300rpx;
		margin: 0 auto;
		border-radius: 24rpx;
	}
}
.otherAccount_box {
	height: 72rpx;
	overflow: hidden;
	background: url("https://xjs-oss-prod.oss-cn-shenzhen.aliyuncs.com/xjs-static/icon-41.png") no-repeat;
	background-size: 100% 200%;
	border: 1rpx solid #e4e6e6;
	display: flex;
	justify-content: space-between;
	align-items: center;
	.otherAccount_img {
		margin: 0 8rpx 0 32rpx;
		width: 32rpx;
		height: 32rpx;
		border-radius: 50%;
	}
	.otherAccount_name {
		font-size: 26rpx;
		font-weight: bold;
		margin-right: 8rpx;
		width: 120rpx;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
	}
	.all_text {
		color: #5c5e5e;
		margin-right: 32rpx;
	}
}
.other_box {
	background-color: #ffffff;
	border-radius: 24rpx;
	width: 672rpx;
	margin: 32rpx auto;
	padding-bottom: 40rpx;
	.other_text {
		padding-top: 40rpx;
		margin-left: 34rpx;
		font-size: 36rpx;
		font-weight: bold;
	}
	.all_text {
		color: #5c5e5e;
		padding-top: 40rpx;
		margin-right: 32rpx;
	}
	.other_accounts_img {
		margin: 32rpx 32rpx 0 24rpx;
		width: 84rpx;
		height: 84rpx;
		border-radius: 42rpx;
	}
	.other_name {
		margin-top: 20rpx;
		font-size: 30rpx;
	}
}
.container {
	width: 100%;
	min-height: 110vh;
	overflow: hidden;
	background: url("https://xjs-oss-prod.oss-cn-shenzhen.aliyuncs.com/xjs-static/icon-41.png") no-repeat;
	background-size: 100% 36%;
	padding-bottom: 188rpx;
	.userInfo {
		margin: 32rpx 40rpx 0 40rpx;
		display: flex;
		align-items: center;
		.user_more {
			margin-left: 16rpx;
			width: 508rpx;
			.id_text {
				width: 32rpx;
				height: 32rpx;
				line-height: 32rpx;
				text-align: center;
				border-radius: 50%;
				color: #5c5e5e;
				font-size: 24rpx;
				border: 1rpx solid #5c5e5e;
			}
			.id_num {
				font-size: 26rpx;
				margin: 0 16rpx 0 8rpx;
			}
			.copy_btn {
				width: 66rpx;
				height: 32rpx;
				line-height: 32rpx;
				border-radius: 200rpx;
				text-align: center;
				color: #ff6084;
				border: 1rpx solid #ff6084;
				font-size: 24rpx;
			}
		}
		.avatar_img {
			width: 144rpx;
			height: 144rpx;
			border-radius: 50%;
		}
		.name_box {
			font-weight: bold;
			font-size: 44rpx;
			color: #1b2120;
			max-width: 320rpx;
			overflow:hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
			-o-text-overflow:ellipsis;
		}
		.identity_text {
			width: 64rpx;
			text-align: center;
			height: 32rpx;
			line-height: 32rpx;
			color: #ffffff;
			font-size: 24rpx;
			background: #6363ff;
			margin-left: 8rpx;
			border-radius: 16rpx 16rpx 16rpx 0rpx;
		}
		.Pet_text {
			width: 88rpx;
			text-align: center;
			height: 32rpx;
			line-height: 32rpx;
			color: #ffffff;
			font-size: 24rpx;
			background: linear-gradient(90deg, #fe6c91 0%, #fe7f7f 100%);
			margin-left: 8rpx;
			border-radius: 16rpx 16rpx 16rpx 0rpx;
		}
		.eidt_box {
			color: #ffffff;
			font-size: 26rpx;
		}
	}
	.introduce {
		margin-top: 12rpx;
		color: #7c807f;
		font-size: 26rpx;
		white-space: nowrap; /* 不换行 */
		overflow: hidden; /* 隐藏超出的内容 */
		text-overflow: ellipsis;
	}
	.studio_code {
		margin: 48rpx 40rpx 24rpx 40rpx;
		height: 78rpx;
		line-height: 78rpx;
		background-color: #ffffff;
		border-radius: 16rpx;
		display: flex;
		justify-content: space-between;
		.studio_icon {
			width: 118rpx;
			height: 26rpx;
			margin: 26rpx 16rpx 0 24rpx;
		}
		.studio_name {
			width: 210rpx;
			font-size: 30rpx;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}
		.studio_text {
			color: #ff6084;
		}
		// .studio_img{
		// 	width: 64rpx;
		// 	height: 64rpx;
		// 	border-radius: 16rpx;
		// }
		// .studio_eidt{
		// 	color: #5C5E5E;
		// 	font-size: 26rpx;
		// }
	}
	.codeList {
		display: flex;
		justify-content: space-around;
		align-items: center;
		margin: 0 auto;
		padding: 16rpx 0 16rpx 0;
		margin-top: 24rpx;
		font-size: 26rpx;
		background: linear-gradient(96deg, #f1f8ff 0%, #f7f2f9 27%, #fce0f4 50%, #fee5e8 70%, #fff8f2 100%);
		border-radius: 24rpx;
		border: 3rpx solid rgba(255, 255, 255, 0.5);
		.code_box {
			display: block;
			width: 48rpx;
			height: 48rpx;
			margin: 8rpx auto;
		}
	}
	.studio_revenue {
		background-color: #ffffff;
		// margin-top: 32rpx;
		width: 672rpx;
		padding: 40rpx 0 32rpx 0;
		margin: 32rpx auto;
		border-radius: 24rpx;
		.revenue_text {
			margin-left: 32rpx;
			font-size: 36rpx;
			font-weight: bold;
		}
		.studio_revenue_text {
			text {
				color: #5c5e5e;
				font-size: 24rpx;
			}
		}
		.studio_revenue_two {
			width: 398rpx;
			.width_left_box {
				margin-left: 76rpx;
			}
		}
		.studio_revenue_left {
			width: 398rpx;
			border-right: 1rpx solid #e4e6e6;
			.width_left_box {
				margin-left: 76rpx;
			}
		}
		.studio_revenue_bottom {
			width: 606rpx;
			padding: 24rpx 0;
			background: #f9f6f6;
			border-radius: 16rpx;
			margin: 32rpx 0 0 32rpx;
			.withdrawa_text {
				color: #5c5e5e;
				font-size: 24rpx;
			}
			.goHandle {
				color: #ff6084;
				font-size: 26rpx;
			}
		}
	}

	.order_box {
		background-color: #ffffff;
		border-radius: 24rpx;
		width: 672rpx;
		margin: 32rpx auto;
		padding-bottom: 40rpx;
		.order_text {
			padding-top: 40rpx;
			margin-left: 34rpx;
			font-size: 36rpx;
			font-weight: bold;
		}
		.all_text {
			margin-right: 32rpx;
		}
		.order_list {
			display: flex;
			// flex-wrap: wrap;
		}
		.order_box {
			margin-top: 64rpx;
			width: 33.33%;
			text-align: center;
		}
		.order_img {
			margin: 0 auto;
			width: 96rpx;
			height: 96rpx;
			border-radius: 42rpx;
		}
		.order_name {
			margin-top: 20rpx;
			font-size: 30rpx;
		}
	}

	.more_box {
		background-color: #ffffff;
		border-radius: 24rpx;
		width: 672rpx;
		margin: 32rpx auto;
		padding-bottom: 40rpx;
		.more_text {
			padding-top: 40rpx;
			margin-left: 34rpx;
			font-size: 36rpx;
			font-weight: bold;
		}
	}
	.more_list {
		display: flex;
		flex-wrap: wrap;
	}
	.label_box {
		margin-top: 40rpx;
		width: 25%;
		text-align: center;
	}
	.label_img {
		margin: 0 auto;
		display: block;
		width: 56rpx;
		height: 56rpx;
	}
	.label_img1 {
		margin: 0 auto;
		display: block;
		width: 84rpx;
		height: 84rpx;
	}
	.label_name {
		margin-top: 16rpx;
		font-size: 26rpx;
	}
}
.empty_box {
	text-align: center;
	font-weight: 400;
	font-size: 32rpx;
	color: #1b2120;

	.empty_img {
		width: 400rpx;
		height: 315rpx;
		margin-top: 120rpx;
		margin-bottom: 50rpx;
	}
	.empty_text {
		width: 416rpx;
		text-align: center;
		margin: 0 auto;
	}
}
.reviewFailed {
	background-color: #ffffff;
	margin: 32rpx;
	border-radius: 24rpx;
	padding: 80rpx 0;

	image {
		display: block;
		width: 96rpx;
		height: 96rpx;
		margin: 0 auto;
	}
	.failed_text {
		font-size: 36rpx;
		font-weight: bold;
		margin-top: 48rpx;
		text-align: center;
	}
	.copywriting {
		color: #7c807f;
		font-size: 28rpx;
		text-align: center;
		width: 636rpx;
	}
	.failed_details {
		width: 636rpx;
		margin: 32rpx auto;
		text-align: center;
		color: #5c5e5e;
		font-size: 30rpx;
	}
	.goModify {
		width: 408rpx;
		margin: 32rpx auto;
	}
	.failed_label_box {
		border: 1px solid #e4e6e6;
		margin: 0 32rpx;
		margin-top: 24rpx;
	}
	.failed_left_box {
		width: 8rpx;
		height: 24rpx;
		background: #ff6084;
		border-radius: 4rpx;
		margin-right: 4rpx;
	}
	.failed_one_label_bottom {
		border-bottom: 1px solid #e4e6e6;
	}
	.failed_one_label {
		// border-top: 1px solid #E4E6E6;
		display: flex;
	}
	.failed_one_label_left {
		width: 160rpx;
		padding: 32rpx 0;
		border-right: 1rpx solid #e4e6e6;
		font-size: 26rpx;
		color: #5c5e5e;
	}
	.failed_one_label_center {
		width: 330rpx;
		padding: 32rpx 0;
		word-break: break-all;
		font-size: 26rpx;
		color: #5c5e5e;
	}
	.failed_two_label {
		display: flex;
	}
	.failed_two_label_left {
		width: 458rpx;
		padding: 32rpx 0;
		font-size: 26rpx;
		color: #5c5e5e;
	}
	.failed_three_label {
		border-top: 1px solid #e4e6e6;

		display: flex;
	}
	.failed_three_label_left {
		width: 458rpx;
		padding: 32rpx 0;
		font-size: 26rpx;
		color: #5c5e5e;
	}
	.go_modify_text {
		width: 165rpx;
		color: #5c5e5e;
		border-left: 1px solid #e4e6e6;
		padding: 32rpx 0;
		font-size: 26rpx;
		text-align: center;
	}
}
</style>
